<html>
<head>
<title>Country list ${start} - ${start + max}</title>
<link rel="shortcut icon" 	href="${resource(dir: 'images', file: 'favicon.ico')}" 	type="image/x-icon">
<link rel="apple-touch-icon" href="${resource(dir: 'images', file: 'apple-touch-icon.png')}">
</head>
<body onload="">
<content tag="header"><h2>Countries ${start } - ${start + max}</h2></content>

	<table>
		<tr>
			<th>ID</th>
			<th>Code</th>
			<th>Name</th>
		</tr>
		<g:each in="${countries}">
			<tmpl:country country="${it}" />
		</g:each>
	</table>
	<content tag="footer"><h2>Countries Footer ${start } - ${start + max}</h2></content>
</body>
</html>